import { createStore } from "vuex";

const moduleA = {
    namespaced: true,
    state: () => {
        return {
            username: "模块a",
        };
    },
    getters: {
        changename(state) {
            state.username = state.username + "!!!!!"
        }
    },
    mutations: {
        editname(state) {
            state.username = '模块aa'
        }
    }
};
const moduleB = {
    namespaced: true,
    state: () => {
        return {
            username: "模块b",
        };
    },
    getters: {
        changename(state) {
            state.username = state.username + "?????"
        }
    },
    mutations: {
        editname(state) {
            state.username = '模块bb'
        }
    }
}
export default createStore({
        modules: {
            //分模块
            a: moduleA,
            b: moduleB,
        }
    })
    //创建vuex仓库并导出
    // export default createStore({
    //     state: {
    //         //定义数据
    //         username: 'zhangsan'
    //     },
    //     state()
    //     getters: {
    //         //vuex的计算属性
    //         newname(state) {
    //             // console.log(state);
    //             return state.username + "nihao"
    //         }
    //     },
    //     mutations: {
    //         //改变数据
    //         editname(state) {
    //             // console.log(state);
    //             state.username = 'lisi'
    //         }
    //     },
    //     actions: {
    //         //请求函数
    //         updatename(ctx) {
    //             //发请求
    //             setTimeout(() => {
    //                 // console.log(ctx);
    //                 ctx.commit('editname')
    //             }, 3000)
    //         }
    //     },
    //     modules: {
    //         //分模块
    //     }
    // })